<!DOCTYPE html>
<html>
<head>
    <title></title>
		<#include "/header.html">
</head>
<style>
    .item-tab-6{
        margin-bottom: 20px;
        box-sizing: border-box;
        padding-top: 15px;
    }
    .nav{
        padding-left: 0;
        margin-bottom: 0;
        list-style: none;
        border-color: #dee5e7;
        border-bottom: 1px solid #ddd;
    }
    .f-mr20{
        border-bottom: 2px solid #1e8fed;
        background-color: #e8f4fd!important;
        height: 50px;
        width: 70px;
        padding-left: 7px;
        padding-top: 10px;
        float:left;
    }
    .f-mr30{
        margin-left: 10px;
        height: 50px;
        padding-top: 10px;
        width:80px;
        float: left;
    }
</style>
<body>
<div id="rrapp" v-cloak>
    <div v-show="showList">
        <div class="grid-btn">
            <div style="float: left;margin-left:10px;height:34px;line-height:34px;">订单编号：</div>
            <div style="float: left;width:160px;margin-right: 10px;">
                <input type="text" class="form-control" v-model="q.number" @keyup.enter="query" placeholder="请输入内容">
            </div>
            <div style="float: left;margin-left:10px;height:34px;line-height:34px;">下单时间：</div>
            <div style="float: left;width:350px;margin-right: 10px;" id="sandbox-container">

                <div class="input-group date" style="width:46%;float:left;">
                    <input type="text" class="form-control" v-model="q.startime"><span class="input-group-addon"><i class="glyphicon glyphicon-th"></i></span>
                </div>
                <div style="width: 4%;float:left;margin-left:7px;margin-top:8px;padding-left:1px;">
                    -
                </div>
                <div class="input-group date" style="width:48%;">
                    <input type="text" class="form-control" v-model="q.endtime"><span class="input-group-addon"><i class="glyphicon glyphicon-th"></i></span>
                </div>

            </div>
            <div style="float: left;margin-left:10px;height:34px;line-height:34px;">收货人：</div>
            <div style="float: left;width:160px;margin-right: 10px;">
                <input type="text" class="form-control" v-model="q.receive" @keyup.enter="query" placeholder="请输入内容">
            </div>
            <div style="float: left;margin-left:10px;height:34px;line-height:34px;">下单人：</div>
            <div style="float: left;width:160px;margin-right: 10px;">
                <input type="text" class="form-control" v-model="q.username" @keyup.enter="query" placeholder="请输入内容">
            </div>
            <a class="btn btn-primary" @click="query">查询</a>
            <a class="btn btn-primary" @click="add">&nbsp;导出</a>
        </div>
        <div class="item-tab-6">
            <ul class="nav">
                <li class="f-mr20">
                    <a>全部</a>
                </li>
                <li class="f-mr30">
                    <a>待接单</a>
                </li>
                <li class="f-mr30">
                    <a>待配送</a>
                </li>
                <li class="f-mr30">
                    <a>已完成</a>
                </li>
                <li class="f-mr30">
                    <a>已关闭</a>
                </li>
            </ul>
        </div>
        <table id="jqGrid"></table>
        <div id="jqGridPager"></div>
    </div>

    <div v-show="!showList" class="panel panel-default">
        <div class="panel-heading">{{title}}</div>
        <form class="form-horizontal">
														                    <div class="form-group">
                        <div class="col-sm-2 control-label">外卖订单号</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="outorder.ordernum" placeholder="外卖订单号"/>
                        </div>
                    </div>
											                    <div class="form-group">
                        <div class="col-sm-2 control-label">对应商品id</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="outorder.productid" placeholder="对应商品id"/>
                        </div>
                    </div>
											                    <div class="form-group">
                        <div class="col-sm-2 control-label">订单金额</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="outorder.ordermoney" placeholder="订单金额"/>
                        </div>
                    </div>
											                    <div class="form-group">
                        <div class="col-sm-2 control-label">支付金额</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="outorder.paymoney" placeholder="支付金额"/>
                        </div>
                    </div>
											                    <div class="form-group">
                        <div class="col-sm-2 control-label">下单人</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="outorder.userid" placeholder="下单人"/>
                        </div>
                    </div>
											                    <div class="form-group">
                        <div class="col-sm-2 control-label">下单时间</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="outorder.createtime" placeholder="下单时间"/>
                        </div>
                    </div>
											                    <div class="form-group">
                        <div class="col-sm-2 control-label">收货人信息</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="outorder.receive" placeholder="收货人信息"/>
                        </div>
                    </div>
											                    <div class="form-group">
                        <div class="col-sm-2 control-label">订单状态 0 待接单 1 待配送 2 已完成 3 已关闭</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="outorder.statu" placeholder="订单状态 0 待接单 1 待配送 2 已完成 3 已关闭"/>
                        </div>
                    </div>
							            <div class="form-group">
                <div class="col-sm-2 control-label"></div>
                <input type="button" class="btn btn-primary" @click="saveOrUpdate" value="确定"/>
                &nbsp;&nbsp;<input type="button" class="btn btn-warning" @click="reload" value="返回"/>
            </div>
        </form>
    </div>
</div>

<script src="${request.contextPath}/statics/js/modules/sys/outorder.js?_${.now?long}"></script>
<script>
    $("#sandbox-container .input-group.date").datepicker({
        language: "zh-CN",
        clearBtn: true, //清除按钮
        format: "yyyy-mm-dd",
        todayHighlight:true
    });
</script>
</body>
</html>